import './yqdlb.scss'
import { LeftOutline } from 'antd-mobile-icons'
import { useNavigate } from 'react-router-dom'

function Yqdlb() {
    const navigate = useNavigate()
  return (
    <div className='yqdlb'>
        <div className='yqdlb-top'>
          <span><LeftOutline className='yqdlb-top-left' onClick={() => navigate(-1)} /></span>
          <span className='yqdlb-top-title'>院区列表</span>
        </div>
        <div className='yqdlb-bg'>
          <div className='yqdlb-title'>请选择院区</div>
          <div className='yqdlb-bg-one'>
            <div className='yqdlb-card' onClick={()=>navigate('/yuyue')}>
              <div className='yqdlb-card-icon'>
                
              </div>
              <div className='yqdlb-card-content'>
                <div className='yqdlb-card-title'>四川省保健院南苑</div>
                <div className='yqdlb-card-address'>四川省成都市锦江区画溪路666号</div>
              </div>
            </div>
            
            <div className='yqdlb-card' onClick={()=>navigate('/yuyue')}>
              <div className='yqdlb-card-icon'>
               
              </div>
              <div className='yqdlb-card-content'>
                <div className='yqdlb-card-title'>四川省保健院北苑</div>
                <div className='yqdlb-card-address'>四川省成都市锦江区画溪路666号</div>
              </div>
            </div>
            
            <div className='yqdlb-card' onClick={()=>navigate('/yuyue')}>
              <div className='yqdlb-card-icon'>
                
              </div>
              <div className='yqdlb-card-content'>
                <div className='yqdlb-card-title'>四川省保健院体检中心</div>
                <div className='yqdlb-card-address'>四川省成都市锦江区画溪路666号</div>
              </div>
            </div>
          </div>
        </div>
    </div>
  )
}

export default Yqdlb